@charset "utf-8";
@import "main.less";

@media all and (min-width: 1366px) {

  body {
    background-color: @bodyColor;
  }

  .header{
    width: 100%;
    height: 6rem;
    background-color: #d5d5d5;
  }
/*中心主体部分*/
  .main{
    .margin(40px,auto);
    .margin_All(40px,auto,40px,auto);
    width: 1200px;
    font-size: 12px;
  }
/*人气推荐信息*/

  .test_border_left{
    width: 820px;
    float: left;
  }
  .test_left{
    .size(820px,300px);
    .card(0px,0px);
  }

  .moods_title{
    /*.padding_bottom(5px);*/
    color: @titleColor;
    font-weight: bold;
    font-size: 16px;
    .border_bottom();
    .margin_All(10px,10px,0px,10px);
    .padding_All(10px,0px,15px,0px);
  }

  .moods_info{
    /*.padding_top(5px);*/
    .margin_Auto;
    height: 250px;
  }

  .moods_lists{
    .margin_All(20px,50px,0px,15px);
    position: relative;
    .size(220px,220px);
    float: left;
    text-align: center;
    a{
      text-decoration: none;
      color: @contentColor;
      font-size: 16px;
    };
    img{
      .size(220px,160px);
    }
    p{
      .margin_Remove;
    }
  }

  .fl{
    .margin_right(0px);
  }

/*爱情测试信息*/
  .test_left_info{
    .size(820px,1600px);
    .card(0px,0px);
  }

  .list_title{
    color: @titleColor;
    font-weight: bold;
    font-size: 16px;
    .margin_All(20px,10px,0px,10px);
    .padding_All(20px,0px,10px,0px);
  }

  .fixed{
    .margin_left(0px);
    .border_bottom();
    .margin_All(10px,10px,10px,10px);
    line-height: 21px;
    float: left;
  }

  .list_img{
    width: 140px;
    .padding();
    .padding_top(3px);
    .margin_All(10px,10px,20px,5px);
    float: left;
    display: block;
    img{
      display: block;
      .size(140px, 100px);
    }
  }

  .list_text{
    .margin_All(10px,0px,20px,0px);
    .padding_All(0px,10px,0px,5px);
    color: @contentColor;
    a{
      text-decoration: none;
      font-weight: bold;
      color: @titleColor;
    }
    font-size: 14px;
    width: 630px;
    float: left;
  }

  /*推荐专栏*/
  .test_right_center{
    width: 350px;
    float: left;
    .margin_All(0px,0px,0px,30px);
  }

  .test_right_top_title{
    color: @titleColor;
    font-size: 14px;
  }
/*右侧分界线*/
  .test_center_top_line{
      margin-bottom: 5%;
      clear: left;
      width: 80%;
      height: 25px;
      margin-left: 10px;
      border-bottom: 2px dashed #cccccc;
  }

  /*右侧爱情测试推荐标题*/
  .test_right_bottom_title{
    display: inline;
  }
  .test_right_bottom_center{
    height: 460px;
    .card(10px,10px);
  }
  /*更多*/
  .more{
    font-size: 12px;
    float: right;
  }
  /*右侧爱情测试推荐*/
  .rb{
    font-size: 14px;
    font-weight: 700;
  }

  .test_right_list_img{
    display: block;
    width: 105px;
    float: left;
    .margin_Remove;
    .padding_top(5px);
  }
  .test_right_bottom_center .test_right_bottom_list dd{
    overflow: hidden;
    padding-top: 15px;
    height: 70px;
  }
  dl,dd{
    .margin_Remove;
  }
  .test_right_list_text{
    position: relative;
    width: 180px;
    float: left;
    .padding_top(5px);
  }
  .test_right_bottom_center .test_right_bottom_list p{
    .margin_Remove;
    height: 65px;
    a{
      text-decoration: none;
      color:  @titleColor;
      font-size: 14px;
    }
  }
/*测试人数*/
  .test_right_list_total{
    position: absolute;
    bottom: 0;
    left: 0;
    color: @contentColor;
  }
}